import React, { Component } from 'react'
import { Layout} from 'antd';
import {
  MenuUnfoldOutlined,
  MenuFoldOutlined,
} from '@ant-design/icons';
const { Header} = Layout;
const toggle=()=>{
    
  }
export default class topHeader extends Component {
  state={
    collapsed:true
  }
  
  render() {
    return (
      <div>
          <Header className="site-layout-background" style={{ padding: "0 16px"}}>
            {React.createElement(this.state.collapsed ? MenuUnfoldOutlined : MenuFoldOutlined, {
              className: 'trigger',
              onClick: this.toggle,
            })}
          </Header>
      </div>
    )
  }
}
